Esempio di oggetti "fluttuanti" a righe alterne
In questo esempio, due regole si alternano su div.gatto (una per gli elementi pari e una per gli elementi dispari), inoltre usiamo gli elementi stessi come barriera, così non dobbiamo inserire i div.barrieraFloat come nell'esempio precedente
Riga 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et sagittis erat. Integer eu massa sed libero vulputate hendrerit non id nibh. Integer nec feugiat odio. Praesent elementum libero ut eros scelerisque, at pulvinar dui posuere. Proin accumsan venenatis dui. Quisque in gravida turpis. Sed vulputate finibus nibh, nec porta nulla pretium id. Vestibulum vulputate iaculis semper. Phasellus molestie augue sit amet velit fermentum fermentum. Ut eget risus tellus.
Riga 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et sagittis erat. Integer eu massa sed libero vulputate hendrerit non id nibh. Integer nec feugiat odio. Praesent elementum libero ut eros scelerisque, at pulvinar dui posuere. Proin accumsan venenatis dui. Quisque in gravida turpis. Sed vulputate finibus nibh, nec porta nulla pretium id. Vestibulum vulputate iaculis semper. Phasellus molestie augue sit amet velit fermentum fermentum. Ut eget risus tellus.
Riga 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et sagittis erat. Integer eu massa sed libero vulputate hendrerit non id nibh. Integer nec feugiat odio. Praesent elementum libero ut eros scelerisque, at pulvinar dui posuere. Proin accumsan venenatis dui. Quisque in gravida turpis. Sed vulputate finibus nibh, nec porta nulla pretium id. Vestibulum vulputate iaculis semper. Phasellus molestie augue sit amet velit fermentum fermentum. Ut eget risus tellus.
Riga 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et sagittis erat. Integer eu massa sed libero vulputate hendrerit non id nibh. Integer nec feugiat odio. Praesent elementum libero ut eros scelerisque, at pulvinar dui posuere. Proin accumsan venenatis dui. Quisque in gravida turpis. Sed vulputate finibus nibh, nec porta nulla pretium id. Vestibulum vulputate iaculis semper. Phasellus molestie augue sit amet velit fermentum fermentum. Ut eget risus tellus.
Riga 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et sagittis erat. Integer eu massa sed libero vulputate hendrerit non id nibh. Integer nec feugiat odio. Praesent elementum libero ut eros scelerisque, at pulvinar dui posuere. Proin accumsan venenatis dui. Quisque in gravida turpis. Sed vulputate finibus nibh, nec porta nulla pretium id. Vestibulum vulputate iaculis semper. Phasellus molestie augue sit amet velit fermentum fermentum. Ut eget risus tellus.